<script src="../../../../../早发高危儿/Code/ZD.ZFGWE.WebApp/src/main.js"></script>
<template>
    <div class="participant wrap-table">
        <div class="headerTop_ukl">
            <ul class="clearfix">
                <li>
                    <p class="p1"><img src="../../assets/images/icon_yanjiuduixiang.png" alt=""/><span>研究对象</span></p>
                    <p class="p3">{{userBasic.Surname}}({{userBasic.ResearchNo}})</p>
                </li>
                <li>
                    <p class="p1"><img src="../../assets/images/icon_ganyuzu.png" alt=""/>{{userBasic.GroupType |GroupType}}</p>
                    <p  class="p3" v-if="userBasic.Period!='3'"><span v-if="userBasic.GroupType==1">{{userBasic.IntensityOfIntervention |IntensityOfIntervention}}</span></p>
                    <p  class="p3" v-else><span v-if="userBasic.GroupType==1">{{userBasic.ChildIntensityOfIntervention |IntensityOfIntervention}}</span></p>
                </li>
                <li >
                    <p class="p1"><img src="../../assets/images/icon_huaiyunqi.png" alt=""/>{{userBasic.Period |Period}}</p>
                    <p class="p3"><span v-if="userBasic.Period==2">预产期：{{userBasic.ExpectedDate}},{{userBasic.PregnancyWeek}}</span></p>
                    <p class="p3"><span v-if="userBasic.Period==3">出生日期：{{userBasic.ChildBirthDate}},{{userBasic.ChildAge}}, {{userBasic.ChildSex|ChildSex}} </span></p>
                     <p class="p3"><span v-if="userBasic.Period==4">出生日期：{{userBasic.ChildBirthDate}},{{getChildAge2(userBasic.ChildBirthDate)}}, {{userBasic.ChildSex|ChildSex}} </span></p>
                </li>
            </ul>
        </div>
        <el-tabs v-model="activeName2"  @tab-click="handleClick">
            <el-tab-pane label="基础信息" name="first">
                <div class="user-weight">
                    <p class="p1"><label>研究对象</label><i class="el-icon-edit" style="color:#409EFF"  @click="editorWeight(1)"></i></p>
                    <p class="p2"><label>身高(cm) </label><span>{{dtHeightAndWeight.Height}}</span> <span class="span2">测量于{{dtHeightAndWeight.HeightMeasureDate}}</span></p>
                    <p class="p2"><label><i v-if="userBasic.Period==2">孕前体重(kg)</i><i v-else>体重(kg)</i></label><span
                            v-if="userBasic.Period==2">{{dtHeightAndWeight.PreWeight |weightFil}}</span><span
                            v-else>{{dtHeightAndWeight.Weight || dtHeightAndWeight.PreWeight |weightFil}}</span><span
                            class="span2">
                        测量于{{dtHeightAndWeight.WeightMeasureDate}}</span>
                        <span v-if="dtHeightAndWeight.PreWeightSelf"
                              style="color:#999999">研究对象自测
                        </span>
                    </p>
                </div>
                <div class="user-weight">
                    <p class="p1" style="color: #333333"><label>研究对象丈夫</label><i class="el-icon-edit" style="color:#409EFF"  @click="editorWeight(2)"></i></p>
                    <p class="p2"><label>身高(cm) </label><span>{{dtHeightAndWeight.HusbandHeight}}</span> <span class="span2">测量于{{dtHeightAndWeight.HusbandHeightMeasureDate}}</span></p>
                    <p class="p2"><label>体重(kg)</label><span>{{dtHeightAndWeight.HusbandWeight |weightFil}}</span><span class="span2">测量于{{dtHeightAndWeight.HusbandWeightMeasureDate}}</span></p>
                </div>
            </el-tab-pane>
            <el-tab-pane label="跟踪记录" name="second">
                <el-button type="" class=" pull-left mg-20-auto" @click="addRecord">添加记录</el-button>
                <!---->
                <template>
                    <el-table
                            :data="tableData"
                            border
                            v-loading="loading"
                            height="500"
                            element-loading-text="加载中"
                            style="width: 100%">
                        <el-table-column align="center" label="序号" width="50">
                            <template  slot-scope="scope">
                                {{scope.$index+1}}
                            </template>
                        </el-table-column>
                        <el-table-column
                                prop="WEIGHT"
                                align="center"
                                label="体重(kg)"
                                :formatter="WEIGHT"
                                min-width="100">
                        </el-table-column>
                        <el-table-column
                                prop="RECORD_DATE"
                                label="测量时间"
                                :formatter="RECORD_DATE"
                                align="center"
                                min-width="180">
                        </el-table-column>
                        <el-table-column
                                prop="Period"
                                label="研究阶段"
                                :formatter="PeriodFilter"
                                align="center"
                                min-width="100">
                        </el-table-column>
                        <el-table-column
                                prop="BMI"
                                label="BMI"
                                :formatter="BMIFilter"
                                align="center"
                                min-width="100">
                        </el-table-column>
                        <el-table-column
                                prop="WeightChange"
                                :formatter="WeightFilter"
                                label="孕期增重"
                                align="center"
                                min-width="80">
                        </el-table-column>
                        <el-table-column
                                prop="Recorder"
                                label="数据来源"
                                :formatter="SourceFilter"
                                align="center"
                                min-width="180">
                        </el-table-column>
                        <el-table-column
                                prop="RecorderName"
                                label="记录人员"
                                :formatter="RecorderFilter"
                                align="center"
                                min-width="180">
                        </el-table-column>
                        <el-table-column
                                min-width="100"
                                align="center"
                                label="操作">
                            <template  slot-scope="scope">
                               <!--  <el-button v-if="scope.row.Recorder!=='自己'" size="small" type="text" label="修改"   @click="handleEdit(scope.$index, scope.row)">修改</el-button> -->
                                <el-button  size="small" type="text" label="修改"   @click="handleEdit(scope.$index, scope.row)">修改</el-button>
                                <el-button v-if="RoleGroup=='1'"  size="small" type="text" label="删除"
                                           @click="removeEdit(scope.$index,
                                scope.row)">删除</el-button>
                            </template>
                        </el-table-column>
                    </el-table>
                </template>
                <!--分页-->
                <div class="block mg-20-auto">
                    <el-pagination
                            @size-change="handleSizeChange"
                            @current-change="handleCurrentChange"
                            :current-page.sync="pageId"
                            :page-sizes="[40,50,60,100]"
                            :page-size="pageSize"
                            layout="total, sizes, prev, pager, next, jumper"
                            :total="total">
                    </el-pagination>
                </div>
            </el-tab-pane>
            <el-tab-pane label="图形分析" name="third">
                <trend-chart ref="chart" :chartData="chartData"></trend-chart>
            </el-tab-pane>
        </el-tabs>
        <el-dialog title="录入体重相关信息" :visible.sync="dialogForm2" :append-to-body="true" width="60%"
                   :close-on-click-modal="false">
            <el-form :model="addForm2" :rules="rules2" ref="addForm2" label-width="160px" class="demo-ruleForm">
                    <div class="clearfix">
                        <el-form-item label="研究对象身高(cm)"  prop="Height" class="pull-left-50">
                            <el-input v-model="addForm2.Height" type="number"></el-input>
                        </el-form-item>
                        <el-form-item label="测量时间" class="pull-right-50" prop="HeightMeasureDate">
                            <el-date-picker
                                    v-model="addForm2.HeightMeasureDate"
                                    type="date"
                                    value-format="yyyy-MM-dd"
                                    placeholder="选择日期">
                            </el-date-picker>
                        </el-form-item>
                    </div>
                    <div class="clearfix">
                        <el-form-item label="研究对象孕前体重(kg)" prop="PreWeight" class="pull-left-50" v-if="userBasic.Period==2">
                            <el-input v-model="addForm2.PreWeight" type="number"></el-input>
                        </el-form-item>
                        <el-form-item label="研究对象体重(kg)" prop="Weight" class="pull-left-50" v-else>
                            <el-input v-model="addForm2.Weight" type="number"></el-input>
                        </el-form-item>
                        <el-form-item label="测量时间" class="pull-right-50" prop="WeightMeasureDate">
                            <el-date-picker
                                    v-model="addForm2.WeightMeasureDate"
                                    type="date"
                                    :clearable="false"
                                    value-format="yyyy-MM-dd"
                                    placeholder="选择日期">
                            </el-date-picker>
                        </el-form-item>
                        <div class="clearfix" style="margin:-10px 0 35px 0" v-if="userBasic.Period==2">
                            <el-checkbox v-model="addForm2.PreWeightSelf" class="pull-right">研究对象体重自测</el-checkbox>
                        </div>
                    </div>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="dialogForm2 = false">取 消</el-button>
                <el-button type="primary" @click="nextStep2('addForm2')">确认</el-button>
            </div>
        </el-dialog>
        <el-dialog title="录入体重相关信息"  :visible.sync="dialogForm3" :append-to-body="true"  width="60%"
                   :close-on-click-modal="false">
            <el-form :model="addForm2" ref="addForm3"  label-width="160px" class="demo-ruleForm">
                <div>
                    <div class="clearfix" >
                        <el-form-item label="研究对象丈夫身高(cm)"  class="pull-left-50">
                            <el-input v-model="addForm2.HusbandHeight" type="number"></el-input>
                        </el-form-item>
                        <el-form-item label="测量时间" class="pull-right-50">
                            <el-date-picker
                                    v-model="addForm2.HusbandHeightMeasureDate"
                                    type="date"
                                    value-format="yyyy-MM-dd"
                                    :picker-options="pickerOptions2"
                                    placeholder="选择日期">
                            </el-date-picker>
                        </el-form-item>
                    </div>
                    <div class="clearfix">
                        <el-form-item label="研究对象丈夫体重(kg)"  class="pull-left-50">
                            <el-input v-model="addForm2.HusbandWeight" type="number"></el-input>
                        </el-form-item>
                        <el-form-item label="测量时间" class="pull-right-50">
                            <el-date-picker
                                    v-model="addForm2.HusbandWeightMeasureDate"
                                    type="date"
                                    :picker-options="pickerOptions3"
                                    value-format="yyyy-MM-dd"
                                    placeholder="选择日期">
                            </el-date-picker>
                        </el-form-item>
                    </div>
                </div>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="dialogForm3 = false">取 消</el-button>
                <el-button type="primary" @click="nextStep2('addForm3')">确认</el-button>
            </div>
        </el-dialog>
        <el-dialog :title="title"  :visible.sync="dialogForm4" :append-to-body="true" width="60%"
                   :close-on-click-modal="false">
            <el-form :model="addForm4" :rules="rules4" ref="addForm4"  label-width="160px" class="demo-ruleForm">
                <div class="clearfix" >
                    <el-form-item label="研究对象体重(kg)"  prop="WEIGHT" class="pull-left-50">
                        <el-input v-model="addForm4.WEIGHT" type="number"></el-input>
                    </el-form-item>
                    <el-form-item label="测量时间" class="pull-right-50">
                        <el-date-picker
                                v-model="addForm4.RECORD_DATE"
                                type="date"
                                :disabled="false"
                                value-format="yyyy-MM-dd"
                                :picker-options="pickerOptions2"
                                placeholder="选择日期">
                        </el-date-picker>
                    </el-form-item>
                    <el-form-item label="体重数据来源" class="pull-left-50">
                        <el-select v-model="recoder" placeholder="请选择">
                            <el-option
                                v-for="item in optionsRecorder"
                                :key="item.value"
                                :label="item.label"
                                :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>
                </div>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="dialogForm4 = false">取 消</el-button>
                <el-button type="primary" @click="editorRow('addForm4')">确认</el-button>
            </div>
        </el-dialog>
    </div>
</template>
<script>
import {mapGetters} from 'vuex'
import {getChildAge2} from '@/utils/index'
import trendChart from './trendChart.vue'  //图形分析
import {filterPeriod,filterIntensityOfIntervention} from '@/utils/localDic'
export default {
    data() {
        return {
            tableData:[],
            pageId:1,
            total:null,
            loading:false,
            pageSize:40,
            dialogForm1:false,
            dialogForm2:false,
            activeName2: 'first',
            humans:true,
            dialogForm3:false,
            title:'',
            chartData: '',
            userBasic:{
                Surname:'',
                ResearchNo:'',
                ExpectedDate:'',
                Period:'',
                IntensityOfIntervention:'',
                GroupType:''
            },
            rules2:{
                Height:[ { required: true, message: '必填项', trigger: 'blur' }],
                Weight:[ { required: true, message: '必填项', trigger: 'blur' }],
                WeightMeasureDate:[ { required: true, message: '必填项', trigger: 'blur' }],
                PreWeight:[ { required: true, message: '必填项', trigger: 'blur' }],
                HeightMeasureDate:[ { required: true, message: '必填项', trigger: 'blur' }],
            },
            rules4:{
                WEIGHT:[ { required: true, message: '必填项', trigger: 'blur' }],
            },
            optionsRecorder:  [{value: '自己', label: '对象自测'},{value: '其他健康服务机构', label: '机构测量'},{value: '项目测量', label: '项目测量'}],
            recoder: '',
            itemType:'',
            sysId:'',
            mobile:'',
            dialogForm4:false,
            researchNo:'',
            dtHeightAndWeight:{
                Height:'',
                HeightMeasureDate:'',
                PreWeight:'',
                Weight:'',
                PreWeightSelf:false,
                WeightMeasureDate:'',
                HusbandHeight:'',
                HusbandHeightMeasureDate:'',
                HusbandWeight:'',
                HusbandWeightMeasureDate:'',
                Weightsource: ''
            },
            addForm4:{
                WEIGHT:'',
                RECORD_DATE:'',
                Period:'',
                Recorder:'',
                BMI:'',
                ResearchObjectId:''
            },
            addForm2:{
                SYS_ID:'',
                ResearchObjectId:'',
                Height:'',
                HeightMeasureDate:'',
                Weight:'',
                WeightMeasureDate:'',
                PreWeight:'',
                PreWeightMeasureDate:'',
                PreWeightSelf:'',
                HusbandHeight:'',
                HusbandHeightMeasureDate:'',
                HusbandWeight:'',
                HusbandWeightMeasureDate:'',
                HusbandRecoder: ''
            },
            pickerOptions2:{
                disabledDate:function(val){
                    if(val>new Date())return true
                }
            },
            pickerOptions3:{
                disabledDate:function(val){
                    if(val>new Date())return true
                }
            },
            PeriodFilter(row, column, cellValue, index){
                return cellValue==1?'孕前期':cellValue==2?'怀孕期':'儿童期'
            },
            WEIGHT(row, column, cellValue, index){
                if(cellValue!==''&&cellValue!==undefined){
                    return parseFloat(cellValue).toFixed(1)
                }
                else{
                    return cellValue
                }
            },
            BMIFilter(row, column, cellValue, index){
                if(row.Period==2){
                    return '-'
                }
                else{
                    return cellValue
                }
            },
            WeightFilter(row, column, cellValue, index){
                if(row.Period==1){
                    return '-'
                }
                else{
                    return cellValue
                }
            },
            formDatas:{},
            yunzhou:'',
        }
    },
    components:{
       trendChart
    },
    props:{
        changeIndex:{
            type: String,
        }
    },
    watch:{
        changeIndex:function(index){
            if(index=='6'){
                this.activeName2='first'
                this.getList()
            }
        },
        activeName2:function(){
            if(this.activeName2=='third'){
                this.getList()
            }
        }

    },
    computed:{
        ...mapGetters([
                'resechObj',
                'userIcon',
                'RoleGroup'
            ]),
        LASTTIME:function(){
            let dateAlary=new Date(this.userBasic.ExpectedDate)
            return new Date(dateForm(dateAlary.setMonth(dateAlary.getMonth()-9,dateAlary.getDate()-7)))
        },
        yuntianshu:function(){
            return parseInt((WeeksBetw(new Date,this.LASTTIME))%7)
        },
        yunzhous:function(){
            return parseInt((WeeksBetw(new Date,this.LASTTIME))/7)
        },
        birthWeek(){
            return parseInt((WeeksBetw(new Date,new Date(this.userBasic.ChildBirthDate)))/7)
        },
        birthDay(){
            return parseInt((WeeksBetw(new Date,new Date(this.userBasic.ChildBirthDate)))%7)
        }
    },
    created() {

    },
    methods: {
         getChildAge2(val){ //获取儿童期2年龄
            return val && getChildAge2(val)
        },
        handleClick(tab, event) {    //切换Tab
         //  this.getList()
        },
	    removeEdit(index,row){     //删除
		    this.$confirm('确定删除该条体重记录？', '提示', {
			    confirmButtonText: '确定',
			    cancelButtonText: '取消',
			    type: 'warning'
		    }).then(() => {
			    this.service({
				    url: '/ResearchObject/DeleteWeightMonitor',
				    method: "post",
                    data:{
                        ...row
                    }
			    }).then(response => {
				    this.getList()
			    }).catch(data => {
			    });
            }).catch(err=>{
			    this.$message({
				    type: 'info',
				    message: '已取消'
			    });
            })
        },
        RecorderFilter(row, column, cellValue, index){
           if(cellValue=='自己' || cellValue=='其他健康服务机构'){
               return '-'
           }
           else{
               return cellValue
           }
        },
        SourceFilter(row, column, cellValue, index){
            if(cellValue=='自己'){
                return '对象自测'
            } else if(cellValue=='其他健康服务机构'){
                return '机构测量'
            } else {
                return '项目测量'
            }
        },
        RECORD_DATE(row, column, cellValue, index){
            return cellValue.substring(0,10)
        },
        handleEdit:function(index,row){  //编辑体重
            let that=this;
            // if(row.Recorder=='自己'){
            //     return false
            // }
            that.addForm4={
                WEIGHT:'',
                RECORD_DATE:'',
                Period:'',
                Recorder:'',
                BMI:'',
                ResearchObjectId:''
            };
            that.$nextTick(function(){
                that.$refs.addForm4.resetFields();
                that.addForm4.WEIGHT=row.WEIGHT
            })
            that.dialogForm4=true;
            that.addForm4=JSON.parse(JSON.stringify(row))
            that.recoder=that.addForm4.Recorder
            that.addForm4.LAS_MOD_DATE=dateForm(new Date())
        },
        addRecord:function(){    //添加体重
            let that=this;
            that.addForm4={
                WEIGHT:'',
                RECORD_DATE:dateForm(new Date()),
                Period:that.userBasic.Period,
                Recorder:'',
                BMI:'',
                ResearchObjectId:that.userBasic.SYS_ID,
                SURE_GEST_WEEKS:that.yunzhou,
                Recorder:that.userIcon
            };
            that.recoder=""
            that.$nextTick(function(){
                that.$refs.addForm4.resetFields();
                that.addForm4.WEIGHT=''
            })
            that.dialogForm4=true;
        },
        editorRow:function(formName){
            let that=this;
            that.$refs[formName].validate((valid) => {
            if (valid) {
                that.addForm4.BMI=computedBIM(that.addForm4.WEIGHT,that.dtHeightAndWeight.Height)
                if(that.userBasic.Period==2){
                    that.addForm4.SURE_GEST_WEEKS=parseInt((WeeksBetw(that.addForm4.RECORD_DATE,that.LASTTIME))/7)
                }
                that.service({
                    url: "/ResearchObject/SaveWeightMonitor",
                    method: "post",
                    data: {
                            ...that.addForm4,
                            Recorder: that.recoder,
                            RecorderName:that.userIcon
                }
            }).then(response => {
                that.dialogForm4=false;
                that.getList()
                }).catch(data => {});
            }
            else {
                    return false;
                }
            });
        },
        handleSizeChange(val) {       //条数改变
            this.pageSize=val;
            this.getList()
        },
        handleCurrentChange(val) {    //页数改变
            this.pageId = val
            this.getList()
        },
        editorWeight:function(index){  //编辑体重
            let that=this;
            that.formDatas={}
            if(index==1){
                that.dialogForm2=true;
            }
            else{
                that.dialogForm3=true
            }
        },
        nextStep2:function(formName){ //下一步   录入体重健康信息
            let that=this
            that.$refs[formName].validate((valid) => {
                if (valid) {
                    that.service({
                        url: "/ResearchObject/SaveHealthConditionOne",
                        method: "post",
                        data: {
                                ...that.addForm2,
                        }
                     }).then(response => {
                            that.dialogForm3=false
                            that.dialogForm2=false
                            that.getList()
                        }).catch(data => {});
                    }
                else {
                    return false;
                }
            });
        },
        getList:function(){           //获取一级信息列表
            let that=this
            that.userBasic=''
            if(that.resechObj.mobile ||that.resechObj.researchNo){
                that.sysId='';
                that.mobile=that.resechObj.mobile;
                that.researchNo=that.resechObj.researchNo;
            }
            that.service({
                url:'/ResearchObject/GetParticipantDetail',
                method:'get',
                params:{
                    itemType:'6',
                    sysId:'',
                    period:'',
                    researchObjectId:that.sysId,
                    mobile:that.mobile,
                    researchNo:that.researchNo,
                    pageCount:(that.pageId-1),
                    pageSize:that.pageSize,
                }}).then(response=>{
                    this.chartData = response.dtData;
                    response.dtData.dtBasic[0]?that.userBasic=response.dtData.dtBasic[0]:''
                    response.dtData.dtHeightAndWeight[0]?that.dtHeightAndWeight=response.dtData.dtHeightAndWeight[0]:''
                    that.addForm2=JSON.parse(JSON.stringify(that.dtHeightAndWeight))
                    if(that.addForm2.ResearchObjectId==undefined){
                        that.addForm2.ResearchObjectId=that.sysId
                    }
                    that.tableData =  response.dtData.dtWeightList
	                that.userBasic.Period==2?that.yunzhou=parseInt((WeeksBetw(new Date,that.LASTTIME))/7):''
                    that.total =response.dtData.dtWeightList.length>0?
                        parseInt(response.dtData.dtWeightList[0].TotalCount):null

                }).catch(data=>{
            })
        },
    },
    mounted:function(){
        let that=this;
        that.sysId=that.$route.query.id;
        that.mobile=that.$route.query.mobile;
        that.researchNo=that.$route.query.researchNo;
        that.getList()
        console.log(that.RoleGroup)
    },
    filters:{
        GroupType:function(val){
            if(val=='' ||val==undefined){
                return ''
            }
            return val=='1'?'A': 'B'
        },
        IntensityOfIntervention:function(val){
             return filterIntensityOfIntervention(val)
        },
        Period:function(val){
           return filterPeriod(val)
        },
        weightFil:function(val){
            if(val!==''&&val!==undefined){
                return parseFloat(val).toFixed(1)
            }
            else{
                return val
            }
        },
        ChildSex(val){
            return val=='1'?'男':'女'
        }
    }
  }
function computedBIM(w,h){   //计算BMI
    return isNaN(parseFloat(w)/((parseFloat(h)/100)*(parseFloat(h)/100)))?'-':(parseFloat(w)/((parseFloat(h)/100)*(parseFloat(h)/100))).toFixed(2)
}
function addZero(s){
    return s < 10 ? '0' + s: s;
}
function dateForm(data){
    return   new Date(data).getFullYear()+'-'+addZero((new Date(data).getMonth()+1))+'-'+addZero(new Date(data).getDate())
}
function WeeksBetw(date1,date2) {  //计算日期之间相差得天数
    var _dt1=new Date(date1);
    var _dt2=new Date(date2);
    var dt1=_dt1.getTime();
    var dt2=_dt2.getTime();
    return parseInt(Math.abs(dt1- dt2)/1000/60/60/24);//这里是计算天数,如果想获得周数则在该返回值上再除以7
}
</script>
<style scoped lang="scss">
    .headerTop{
            margin-bottom:30px;
            p {
                font-size: 16px;
                margin-bottom: 15px;
                color: #303133;

            span {
                padding: 10px;
            }

            .span1 {
                margin-left: 25px;
            }

            }
    }
    .user-weight{
        margin:10px;
        padding-bottom: 20px;
        border-bottom:1px solid #E4E7ED;
        .p1{
            font-size: 14px;
            color:#333333;
            padding:15px 0px;
            i{
                margin-left: 20px;
            }
            label{
                width: 120px;
                display: inline-block;
                i{
                    font-style: normal;
                }
            }
        }
        .p2{
            font-size: 14px;
            color: #303133;
            padding:10px 0;
            span{
                padding:0 20px;
            }
            label{
                width: 100px;
                display: inline-block;
                i{
                    font-style: normal;
                }
            }
            .span2{
                color: #999999;
                font-size: 14px;
            }
        }
    }
    .el-icon-edit{cursor: pointer}
    .headerTop_ukl{
        /*border:1px solid #EDF1F7;*/
        padding:5px 20px 10px 0px;
        min-width: 800px;
        width:1000px;
        font-size:14px;
    ul{
    li{
        float: left;
        margin-right: 50px;
    .p1{
        color:#999999;
        padding-bottom:5px;
        display: inline-block;
    img{
        display: inline-block;margin-right: 10px;
    };

    }
    .p3{
        display: inline-block;
        padding-left: 10px;
        color: #666;
    }
    }
    }
    }
</style>
